<!doctype html>

<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== TITLE TAG ======-->
<title>信息页面</title>
<link rel="shortcut icon" type="image/ico" href="images/favicon.png" />
<!--====== STYLESHEETS ======-->
<link rel="stylesheet" th:href="@{/css/font-awesome-min.css}" href="css/font-awesome-min.css">
<link rel="stylesheet" th:href="@{/css/bootstrap-min.css}" href="css/bootstrap-min.css">
<link rel="stylesheet" th:href="@{/css/normalize.css}" href="css/normalize.css">
<link rel="stylesheet" th:href="@{/css/animate.css}" href="css/animate.css">
<link rel="stylesheet" th:href="@{/css/lity.css}" href="css/lity.css">
<link rel="stylesheet" th:href="@{/css/slick-nav.css}" href="css/slick-nav.css">
<link rel="stylesheet" th:href="@{/css/slick-slider.css}" href="css/slick-slider.css">
<link rel="stylesheet" th:href="@{/css/theme.css}" href="css/theme.css">

<link rel="stylesheet" th:href="@{/css/signin.css}" href="css/signin.css" />
<link rel="stylesheet" th:href="@{/css/style.css}" href="css/style.css"/>
<link th:href="@{/fonts/font-awesome/css/font-awesome.css}" href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet" />
<!--====== MAIN STYLESHEET ======-->
<link th:href="@{/style.css}" href="../static/style.css" rel="stylesheet">
<link th:href="@{/css/responsive.css}" href="css/responsive.css" rel="stylesheet">
<script th:src="@{/js/vendor/modernizr.js}" src="js/vendor/modernizr.js"></script>

</head>

<body data-spy="scroll" data-target=".mainmenu-area" data-offset="50">


<!-- Page cursor -->
<div class='cursor' id="cursor"></div>
<div class='cursor2' id="cursor2"></div>
<div class='cursor3' id="cursor3"></div>
<!-- Preloader-Content -->
<div class="preloader">
	<img th:src="@{/images/preloader.gif}" src="images/preloader.gif" alt="preloader">
</div>
<!-- Popup-Search-Form -->

<!-- Popup-Search-Form-End -->
<!-- Full-Wrapper-Start -->
<div class="full-wrapper">
	<!-- Mainmenu-Area-Start -->
	<div th:replace="~{index :: topbar}"></div>
	
	<section>

            <div class="overlay1 dm-shadow">
                <div class="container">
                    <div class="row">
                        <div class="text-center clearfix clear1 ">
                            <div class="row">
								<div class="col-lg-6 offset-lg-3 zxxx">                        
								<form id="mc-form" action="#" th:action="@{/search}" class="subscribe-form wow fadeInUp zzz subm" data-wow-delay="0.6s" >
									<input type="search" th:name="q" class="subs-input search" th:value="${key}"  placeholder="Key">
									<input class="subs-button qqq " value="Search!" style="height: 40px;margin-top: -40px" type="submit" />
									<div class="searchfrom">
									<input type="checkbox" th:name="platform" th:checked="${#strings.contains(platform,'Taobao')}"   value="Taobao"/>淘宝&nbsp;&nbsp;
									<input type="checkbox" th:name="platform" th:checked="${#strings.contains(platform,'Tmall')}"   value="Tmall"/>天猫&nbsp;&nbsp;
									<input type="checkbox" th:name="platform" th:checked="${#strings.contains(platform,'DD')}"  value="DD"/>当当网   &nbsp;&nbsp;
									<input type="checkbox" th:name="platform" th:checked="${#strings.contains(platform,'SuNing')}"  value="SuNing"/>苏宁易购   &nbsp;&nbsp;
									<input type="checkbox" th:name="platform" th:checked="${#strings.contains(platform,'JD')}" value="JD"/>京东
									<input type="radio" th:name="sort" th:checked="${sort == 'top'}"  value="top">价格从低到高
									<input type="radio" th:name="sort" th:checked="${sort == 'bottom'}"  value="bottom" />价格从高到低
									</div>
								</form>
								</div>
							</div>
                        </div>


                        <div th:if="${List != null}"  th:each="list : ${List.subList(40*(#ctx.pagename - 1),(40*#ctx.pagename > #ctx.List.size() ? #ctx.List.size() : 40*#ctx.pagename))}" class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
                            <div class="boxes first" data-effect="slide-bottom">
                                <div class="ImageWrapper big-ImageWrapper boxes_img">
                                   <a target="_blank" th:href="${list.getGoodsUri()}" href="#"><img class="img-responsive" th:src="${list.getImageUri()}"  src="http://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i2/31655588/O1CN01lWJufa1r9Lo6rqUMM_!!0-saturn_solar.jpg_230x230.jpg_.webp" alt=""> </a>
                                    
                                     
                                    <div class="Shortcuts">
                                        <button class="Shortcuts-fav has_tooltip" data-toggle="tooltip" data-placement="bottom" data-riginal-title="Save to favorites"></button>
                                    </div>

                                    <div th:text="${list.getPrice()}" class="box_type qwe2"></div>

                                </div>
                                <h2 class="title">
                                    <a target="_blank" th:href="${list.getGoodsUri()}" th:text="${#strings.abbreviate(list.getGoodsName(),60)}" href="single-property.html"></a>
                                </h2>

                                <div  class=" clearfix">

                                	<img  th:src="'images/' + ${list.getPlatform()} + '.png'"   class="rounded imglogo" />
                                	<span th:text="${list.getShopName()}"></span>
                                </div>
                            </div><!-- end boxes -->
                        </div>
						<div th:if="${List != null}" style="width: 100%">
						<p class="page fr" style="float: right">
							<span id="page-link">
							<a th:if="${pagename != 1}" th:href="@{/search(PageName=1,platform=${platform},q=${key},sort=${sort})}">首页</a>
							<a th:if="${pagename != 1}" th:href="@{/search(PageName=${pagename} - 1,platform=${platform},q=${key},sort=${sort})}">上一页</a>
							<a  th:href="@{/search(PageName=${pagename},platform=${platform},q=${key},sort=${sort})}" th:text="${pagename}" class=" current">1</a>
							<a th:if="${pagename  != number}" th:href="@{/search(PageName=${pagename} + 1,platform=${platform},q=${key},sort=${sort})}"  th:text="${pagename} + 1" href="#">2</a>
							<span th:if="${pagename != number}">. . . .</span>
							<a th:if="${pagename != number}" th:href="@{/search(PageName=${number},platform=${platform},q=${key},sort=${sort})}" th:text="${number}"  href="#">末页页数</a>
							<a th:text="${pagename != number}?'下一页':'已到尾页'" th:href="@{/search(PageName=${pagename} + 1,platform=${platform},q=${key},sort=${sort})}" href="#">下一页</a>
							</span>
						</p>
						</div>

						<div style="margin: auto" th:if="${List == null}">
							<h1 style="text-align: center">服务器异常</h1>
						</div>
                        




                    </div><!-- end row -->
                </div><!-- end container -->
            </div><!-- end overlay1 -->

    </section><!-- end Recents properties -->
	
	<footer class="footer-area rboom1">
		
		<div   class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 text-center">
						<div class="copyright">
							<p>Copyright &copy; 2020. Bi Jia Wang All rights reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>

<!-- Full-Wrapper-End -->
<!--=======  SCRIPTS =======-->
<script th:src="@{/js/vendor/jquery-min.js}" src="js/vendor/jquery-min.js"></script>
<!--=======  PLUGINS =======-->
<script th:src="@{/js/popper-min.js}" src="js/popper-min.js"></script>
<script th:src="@{/js/bootstrap-min.js}" src="js/bootstrap-min.js"></script>
<script th:src="@{/js/lity-min.js}" src="js/lity-min.js"></script>
<script th:src="@{/js/slick-slider-min.js}" src="js/slick-slider-min.js"></script>
<script th:src="@{/js/slick-nav.js}" src="js/slick-nav.js"></script>
<script th:src="@{/js/wow-min.js}" src="js/wow-min.js"></script>
<!--=======  ACTIVE JS =======-->
<script th:src="@{/js/script.js}" src="js/script.js"></script>
</body>

</html>
